/*
 * @Author: 黎明 3111345436@qq.com
 * @Date: 2023-01-12 23:27:33
 * @LastEditors: 黎明 3111345436@qq.com
 * @LastEditTime: 2023-01-12 23:53:25
 * @FilePath: \cain-ui\package\icon\icon.tsx
 * @Description: 这是默认设置,请设置`customMade`, 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
 */
import { defineComponent, toRefs } from "vue";

export default defineComponent({
    name: "CIcon",
    props: {
        size: {
            type: String,
            default: '24',
        },
        icon: {
            type: String,
            default: ""
        }
    },
    setup(props) {
        const { size, icon } = toRefs(props)
        return () => (<i class={['mdi', icon.value, 'c-font']} style={{ 'font-size': size.value + 'px', 'height': size.value + 'px', 'line-height': size.value + "px" }} aria-hidden="true"> </i>)
    }
})